<%--
  Created by IntelliJ IDEA.
  User: JJ_yo
  Date: 2020/8/1
  Time: 14:16
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在线订房</title>
    <link rel="stylesheet" href="../aliIcon/iconfont.css">
    <link rel="stylesheet" href="../css/top.css">
    <link rel="stylesheet" href="../css/foot.css">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/aboutus.css">
    <link rel="stylesheet" href="../css/online.css">
</head>
<body>
<jsp:include page="top.jsp"></jsp:include>
<div id="middle">
    <div class="mid-head">
        <c:forEach items="${showList}" var="publicModel" begin="0" end="0">
            <div class="mid-head-one">${publicModel.bigTitle}</div>
            <div class="mid-head-two">${publicModel.smallTitle}</div>
        </c:forEach>
    </div>
    <div class="aboutus-mid-sec">
        <div>
            <div class="aboutus-ms-left">
                <div class="aboutus-msl-one">
                    <!--边框-->
                    <div class="aboutus-mslo-border">
                        <div>
                            <img src="../img/jd_mhoe.png" height="231" width="176"/>
                        </div>
                        <div>订房热线</div>
                        <div>${footModel.reservationPhone}</div>
                    </div>
                </div>
                <div class="aboutus-msl-two">
                    <div>
                        <div>服务项目</div>
                        <div>SERVICE&nbsp;ITEMS</div>
                    </div>
                </div>
                <div class="aboutus-msl-three">
                    <c:forEach items="${showList}" var="pub" begin="1" end="5">
                        <div>${pub.bigTitle}</div>
                    </c:forEach>
                </div>
                <div class="aboutus-msl-four">
                    <div>点击立即订房</div>
                </div>
            </div>
            <div class="online-ms-right">
                <div>
                    <form action="/onlineAdd" method="post">
                        <div>
                            <div>您的姓名</div>
                            <div class="base"><input type="text" id="name" name="name"></div>
                        </div>
                        <div>
                            <div>您的联系方式</div>
                            <div class="base"><input type="text" id="phone" name="phone"></div>
                        </div>
                        <div>
                            <div>入驻时间</div>
                            <div class="base"><input type="date" id="startDate" name="startDate"></div>
                        </div>
                        <div>
                            <div>退房时间</div>
                            <div class="base"><input type="date" id="endDate" name="endDate"></div>
                        </div>
                        <div>
                            <div>房间类型</div>
                            <div>
                                <select id="roomType" name="roomType">
                                    <c:forEach items="${productList}" var="product">
                                        <option class="selectType"
                                                value="${product.productName}">${product.productName}${product.price}元
                                        </option>
                                    </c:forEach>
                                </select>
                                <c:if test="${count==1}">
                                    <span class="ifont"><i class="iconfont icon-right"></i>订房成功</span>
                                </c:if>
                            </div>
                        </div>
                        <div>
                            <div>要求及意见</div>
                            <div class="idea-in"><textarea id="idea" name="idea"></textarea></div>
                        </div>
                        <div><input class="button-in" type="submit" value="提交"></div>
                    </form>
                </div>
                <div>
                    <c:forEach items="${showList}" var="product" begin="1">
                        <img src="${product.hotelMsg}" height="232" width="300"/>
                    </c:forEach>
                    <%--<img src="../img/02_ruze.jpg" height="232" width="300"/>--%>
                    <%--<img src="../img/03_ad6p.jpg" height="232" width="300"/>--%>
                    <%--<img src="../img/04_6rdd.jpg" height="232" width="300"/>--%>
                    <%--<img src="../img/05_6weg.jpg" height="232" width="300"/>--%>
                    <%--<img src="../img/01_6dzw.jpg" height="232" width="300"/>--%>
                    <%--<img src="../img/02_ruze.jpg" height="232" width="300"/>--%>
                    <%--<img src="../img/03_ad6p.jpg" height="232" width="300"/>--%>
                    <%--<img src="../img/04_6rdd.jpg" height="232" width="300"/>--%>
                    <%--<img src="../img/05_6weg.jpg" height="232" width="300"/>--%>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="foot.jsp"></jsp:include>
</body>
</html>
